/*
Theme Name:Theme 103
Theme URI: http://www.templateaccess.com/
Description: The Marketplace for Premium Templates & Themes.
Version: 1.0
Author: TemplateAccess.com
*/ 

/*=== Setup ===*/
* { border:0; margin:0; padding:0; outline:none; }
body { background:#f7f7f7 url(images/main_bg.gif) top repeat-x; color:#656464; font:normal 12px Arial, Helvetica, sans-serif; }
a { color:#34bbd4; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { border-bottom:1px solid #d9d9d9; clear:both; padding:3px 0; margin:0; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }
h2 { color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:0 0 1em; }
h3 { text-align:left; color:#262626; font:normal 24px Arial, Helvetica, sans-serif; padding:10px 0; margin:0; }
h3 span { font: italic 12px Arial, Helvetica, sans-serif; color:#737373; }
h4 { font-size:1em; margin:0 0 1em; }
/*=== Layout ===*/
#page { margin:0 auto; padding:0; width:971px; }
.left { float:left; width:296px; margin:0; padding:0; }
.right { float:right; width:651px; margin:0; padding:0; }
/*=== H eader ===*/
#header { margin:0; padding:0; }
/*- Logo -*/
.logo { width:296px; margin:0; padding:0 0 19px 0; }
#header h1 { background:url(images/logo.gif) no-repeat; float:left; text-indent:-9999px; width:296px; }
#header h1 a { display:block; height:156px; }
#header h1 a:hover { text-decoration:none; }
/* background_header */
.background_header { border-top:1px solid #2f3037; border-bottom:1px solid #0a0a0a; background:#1f1f22; margin:0 auto 1px auto; padding:0; }
/*=== Navigation ===*/
/* RSS */
.rss { width:185px; float:right; padding:4px 0 0 10px; margin:10px 0 0 0; height:19px;  text-transform:uppercase; font:normal 12px Arial, Helvetica, sans-serif; color:#d0d0d0; }
.rss img { margin:0 3px; padding:0; float:right; }
/*- Top Nav -*/
.topnav { margin:0; padding:2px 0; float:left; width:500px; }
.topnav ul { list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 5px; }
.topnav li a { font:normal 14px Arial, Helvetica, sans-serif; color:#fff; display:block; float:left; padding:10px 15px; }
.topnav li a:hover { padding:9px 14px; background:#000000 url(images/hover.gif) top repeat-x; border:1px solid #7a7a7a; }
.topnav li.current_page_item a { padding:9px 14px; background:#000000 url(images/hover.gif) top repeat-x; border:1px solid #7a7a7a; }
/* search */
.search { background:#306fb3; padding:15px; margin:0 auto; }
.search h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0; margin:0; }
.search form { float:right; padding:5px 0 0 10px; margin:3px; }
.search span { display:block; float:left; background:#fff; width:250px; padding:5px; height:24px; border:1px solid #ddd; }
.search form .keywords { width:220px; border:0; line-height:14px; height:14px; float:left; background:none; padding:5px 0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#656565; }
.search form .button { float:left; margin:0; padding:0; width:23px; height:24px; border:0; position:relative; }
/*=== All Columns ===*/
#columns { margin:0 auto; padding:20px 0 0 0; }
#columns img.main_img { padding:0 0 55px 0; background:url(images/img_bg.gif) bottom no-repeat; }
/*=== Center Column ===*/
#centercol { float:right; width:650px; }
/*=== Right Column ===*/
#rightcol { float:left; width:297px; }
.small_link { padding:10px 0; margin:0 auto; }
.small_link a { font:normal 11px Arial, Helvetica, sans-serif; color:#606060; }
#columns .box { background:#fff; border:1px solid #d4d4d4; padding:15px; }
/*=== Sub Columns ===*/
.subcols { height:1%; }
.col1, .col2 { float:left; width:250px; }
.col2 { float:right; }
/*=== Post ===*/
.post_right { float:right; width:355px; }
/*- Post Title -*/
.post-pic { margin:5px auto; padding:0; }
/*- Post Title -*/
.post-title { padding:0; }
.post-title h2 { margin:0; padding:0; font:normal 24px Arial, Helvetica, sans-serif; color:#1a1a1a; }
.post-title h2 a { display:inline; padding:0; margin:0; color:#1a1a1a; text-decoration:none; }
/*- Post Date -*/
.post-date { margin:0; padding:0; }
/*- Post Excerpt -*/
.post-excerpt { display:table; font:normal 13px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:5px 0; line-height:1.8em; }
/*- Post Lists -*/
.post ul, .post ol { margin:0 0 1.5em; }
.post ul li { background:url(images/ico-list.gif) no-repeat 0 6px; margin:0 0 .4em; padding:0 0 0 10px; }
.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em; }
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:.85em; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { text-align:left; padding:0 0 0 20px; font:normal 12px Arial, Helvetica, sans-serif; color:#7e7e7e; }
.social-links a { color:#eee; text-decoration:none; float:right; font-weight:bold; background:#2e6db2; padding:5px; }
.social-links a:hover { text-decoration:none; }
/* post-commets */
.post-commets { background:url(images/comments_bg.gif) top no-repeat; padding:4px 0 0 10px; margin:0 20px 0 0; float:left; width:46px; height:48px; }
.post-commets a { color:#fff; text-decoration:none; font: normal 24px Arial, Helvetica, sans-serif; }
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
/*- Post Comments -*/
.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; }
.post-comments .fr { width:500px; }
/*- Widget Title - */
.wtitle { background:none; }
.wtitle h2 { line-height:40px; margin:0; padding:0 0 0 18px; text-align:left; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0 0 15px 0; padding:0; }
.box.post { padding:0; }
.box.ads .content { text-align:center; }
.box.ac .content { padding-left:0; padding-right:0; text-align:center; }
#rightcol .box { margin:0 0 15px 0; }
#rightcol .content { padding:0; }
#rightcol .box.ads .content { padding:0; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:33px; color:#666; font:normal 11px Arial, Helvetica, sans-serif; clear:both; padding:0; }
.list li { float:left; margin:0; padding:0 5px 0 0; }
.list li a { display:block; float:left; padding:10px; text-align:center; text-decoration:none; color:#666; }
.list li a:hover { color:#fff; background:#306fb3; }
.list li a.active { color:#fff; background:#306fb3; }
div.tabs_list { border:1px solid #cfcfcf; padding:0; margin:0; }
div.tabs_list ul { list-style:none; text-align:left; padding:0; }
div.tabs_list ul li { font:normal 13px Arial, Helvetica, sans-serif; padding:0; margin:5px 0; }
div.tabs_list ul li a { border-bottom:1px solid #c9c9c9; display:block; padding:5px 0 5px 20px; margin:0; color:#666; background: url(images/ul_li.gif) 7px center no-repeat; }
div.tabs_list ul li a:hover { text-decoration:none; color:#000; }
div.tabs_list ul li ul.children { padding:0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { background:none; }
div.tabs_list ul li ul.children a:hover { background:#e0e0e0; color:#000; }
div.tabs_list ul li ul.children li a { padding:5px 0 5px 25px; display:block; }
div.tabs_list ul li ul.children li li a { padding:5px 0 5px 30px; display:block; }
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:470px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:470px; font-family:Verdana; }
.message .submit { float:left; }
.message .submit input { background:url(images/button.gif); width:128px; height:32px; font-weight:bold; color:#FFF; }
.message .btn { padding:0; width:auto; }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0; }
.pic.fl img { margin-right:23px; }
.pic.fr img { margin-left:23px; }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; }
.th.fl img { width:40px; height:40px; border:1px solid #cfcfcf; }
.ads img { margin:5px 3px 0 0; padding:0; }
.widget_flickrRSS .content img { margin:5px 10px 0 0; padding:0; background:none; border:none; }
.widget_flickrRSS .content img { border:1px solid #cfcfcf; }
.widget_flickrRSS .ac img { border:0; margin:0; }
/*=== Footer ===*/
#page-bot { background:url(images/footer_bg.gif) top repeat-x; }
#footer { color:#cacaca; margin:0 auto; padding:60px 0 40px 0; width:970px; font:normal 13px Arial, Helvetica, sans-serif; }
#footer a { color:#2b7ed8; font-weight:bold; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer img { float:right; margin:0; padding:0; }
#footer .text { float:left; }
#footer .text2 { float:right; }
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
/* Slider */
.gallery { margin:0 auto; padding:8px; background:#fff; border:1px solid #9c9c9c; }
#slider { width:632px; height:271px; margin:0 auto; padding:0; list-style:none; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { overflow:hidden; margin:0 auto; }
p#controls { margin:0 auto; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:11px; height:22px; position:absolute; left:0; top:-133px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:11px; height:22px; position:absolute; left:621px; top:-133px; }
#prevBtn a { display:block; width:11px; height:22px; background:url(images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:11px; height:22px; background:url(images/r_arrow.png) no-repeat 0 0; }
